
<div class="container">
    <div class='_main_'>
<link href="http://cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="/public/css/main.css" rel="stylesheet">
<script type='text/javascript' src='/public/js/jquery-1.11.2.min.js'></script>
<script type="text/javascript" src='/public/js/jquery.validate.js'></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div style='height:1.5rem'></div>
<div class='_cut2' ></div>
<form id='form' >
    <?php if(!is_array($data)){ echo "<div style='text-align:center;' >".$data."</div>";exit;} foreach($data as $k=>$v){ if($v['id']=='' ){ continue; } for($i=0;$i<count($v['_items']);$i++){ if($v['_items'][$i]['type'] == $type && $v['order_number']==$order_number || !isset($v['_items'][$i]['type']) ){ continue; }  ?>
    <div class='row'>
        <span style='float:left;'></span>
        <div class='thumbnail' style="float:left;">
            <div style="height:8rem;width:8rem;overflow: hidden;">
                 <a href="<?php if($v['team_number']){ echo shop_buildUrl('/user/action/info?store_id='.$v['store_id'].'&aid='.$v['action_id'].'&team_number='.$v['team_number'].'&status='.$v['status']); }else{ echo shop_buildUrl('/user/shop/info?item_id='.$v['_items'][$i]['item_id']); } ?>" >
                <img class='_img' src="<?php  echo 'http://'.IMAGE_DOMAIN_.$v['_items'][$i]['item']['images'][0]['image'] ;?>" style='width:100%;height:100%'/></a>
            </div>
        </div>
        <div>
            <div  style='font-size:1.2rem;margin-top:1rem;' ><?php echo $v['_items'][$i]['item']['name'];?></div>
            <div class='_line'></div>
            <div ><i><font style='color:red;font-size:1.7rem'>￥<?php echo $v['_items'][$i]['item']['price']/100;?></font></i>
               
            <span  style='float:right' >数量：<i><font style='color:red;font-size:1.7rem;float:right'><?php if($v['_items'][$i]['item']['items'][0]['number']){ echo ($v['_items'][$i]['count']/$v['_items'][$i]['item']['items'][0]['number']); }else{ echo ($v['_items'][$i]['count']); } ?></font></i></span>
           
            </div>
            <div style='float:right;overflow:hidden;color:red'>
               <?php if($v['status']==0){ echo '待付款'; }elseif($v['status']==1){ echo '待使用';}elseif($v['status']==2){ echo '已使用';}elseif($v['status']==4){ echo '待评价';} ?>
            </div>
        </div>
        <div class='_line' style='height:1rem;' ></div>
    </div>
    <?php $order_number = $v['order_number']; $type=$v['_items'][$i]['type']; } }?>
</form>

<div class='_line'></div>
<div class='_line'></div>
        <input type="hidden" value="<?php echo $status;?>" id="page_status" >
        <input type="hidden" value='<?php print_r(json_encode($stores));?>' id="page_stores" >


</body></html>
<script type="text/javascript">
    $(document).ready(function(){

        var number = 1;
        var order_number = '';
        var page_status = $('#page_status').val();
        var last_type = '';
        var last_order_number = "";

        // 支付
        $('#pay').click(function(){
            store_id = $('#store_id').val();
            price = $('#price').val();
            order_number = $('#order_number').val();
            window.location.href = "<?php echo shop_buildUrl('/user/shop/pay?store_id="+store_id+"&price="+price+"&order_number="+order_number+"') ?>";
        });

        // 滑动
        $(window).scroll(function () {
            loaddata();
        });
        function loaddata() {
            if (number == -1) {
                return;
            }
            totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
            if ($(document).height() <= totalheight) {
                store_id = $('#store_id').val();
                $.ajax({
                    url: "<?php echo shop_buildUrl('/user/shop/append?status="+ page_status +"&start=" + number + "') ?>",
                    async: true,
                    success: function (msg) {
                        if ( msg == 'false') {
                            number = -1;
                            return;
                        }
                        var html = "";
                        msg = eval('(' + msg + ')');
                        // console.log( msg );
                        $.each( msg, function ( k, v ) {

                            if ( v.id == "" ){
                                return;
                            }
                            for ( var i = 0; i < v._items.length; i++ ){
                                if ( v._items[i].type == last_type && v.order_number == last_order_number || v._items[i].type == "undefined" ){
                                    return;
                                }
                                html += '<div class="row">';
                                html += '<span style="float: left;"></span>';

                                html += '<div class="thumbnail" style="float:left;">';
                                html += '<div style="height:8rem;width:8rem;overflow: hidden;">';
                                if ( v.team_number ) { 
                                    f_url = '<?php echo shop_buildUrl("/user/action/info?aid='+v.action_id+'&team_number='+v.team_number+'"); ?>'; 
                                }else{ 
                                    f_url = '<?php echo shop_buildUrl("/user/shop/info?item_id='+v._items[i].item_id+'"); ?>'; 
                                } 
                                html += '<a href="'+ f_url +'">';
                                html += '<img class="_img" src="http://'+ '<?php echo IMAGE_DOMAIN_; ?>'+ v._items[i].item.images[0].image+'" style="width: 100%; height: 100%;">';
                                html += '</a>';
                                html += '</div>';
                                html += '</div>';

                                html += '<div>';
                                html += '<div style="font-size: 1.2rem;margin-top: 1rem">' + v._items[i].item.name + '</div>';
                                html += '<div class="_line"></div>';
                                html += '<div><i><font style="color: red;font-size:1.7rem">￥'+ v._items[i].item.price/100 + '</font></i>';
                                if ( !v.team_number ){
                                    html += '<span style="float: right">数量：<i><font style="color: red;font-size: 1.7rem;float: right">';
                                    if ( !v._items[i].item.items ){
                                        html += v._items[i].count;
                                    }else{
                                        html += v._items[i].count/v._items[i].item.items[0].number;
                                    }
                                    html += '</font></i></span>';
                                }
                                html += '</div>';
                                html += '<div style="float: right;overflow: hidden;color: red">';
                                if( v.status == 0 ){
                                    html += '待付款';
                                }else if( v.status == 1 ){
                                    html += '待使用';
                                }else if( v.status == 2 ){
                                    html += '已使用';
                                }else if(v.status == 4){
                                    html += '待评价';
                                }
                                html += '</div>';
                                html += '</div>';
                                html += '<div class="_line" style="height: 1rem;"></div>';
                                html += '</div>';

                                last_type = v._items[i].type;
                                last_order_number = v.order_number;
                            }
                            number += 1;
                        });
                        // console.log( html );
                        $('#form').append( html );
                    }
                });
            }
        }
        ////////////////////////////////////////////////////////////////////



    })

</script>
